<!-- index.html -->

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Webview Demo</title>
  <style>
    body {
      font-size: 35px;
    }
    button {
      font-size: 24px;
      padding: 12px 24px;
    }
  </style>
</head>
<body>
  Hello world!
  <br><br>
  <button type="button" onclick="evaluateJsTest()">EvaluateJs test Click Me!</button>
  <button type="button" onclick="registerJSTest()">Register JS test Click Me!</button>
  <p id="demo"></p>
  <script type="text/javascript">
    function evaluateJsTest() {
      console.log('Evaluete JS function called!');
      return "Success";
    }

    function registerJSTest() {
      let str=TestObj.test("registerJS data");
      TestObj.testNumber(1);
      TestObj.asyncTestBool(true);
      document.getElementById("demo").innerHTML=str;
      console.log('TestObj.test result:'+ str)
    }
  </script>
</body>
</html>
